<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圆</title>
 <script type="text/javascript">alert("确定登陆本网页吗？");
    //onload 载入事件，等整个页面加载完成之后，执行function（）的内容（匿名函数）
    window,onload =function(){
        //通过标记获取元素，获取的是一个元素的集合，类似于数组
        var element =document.getElementsByTagName("input");
        console.log(element);
        //给按钮[确定]也即是第四个input元素添加的一个单机事件
        element[3].onclick =function(){
            //得到一个
            var radius =element[0].value;
            element[1].value = 2 * 3.14 * radius ;
            element[2].value =3.14 * radius * radius;
        }
    }
 </script>
</head>
<body>
<h2>求圆的周长和面积</h2>
<form action="">
<label for="radius">半径</label><input type="text" name="" id="radius" placeholder="请输入圆的半径值"><br>
<label for="zhouchang">周长</label><input type="text" name="" id="zhouchang" ><br>
<label for="mianji">面积</label><input type="text" name="" id="面积" ><br>
<input type="button" value="确定">
<input type="reset" name="" id="重置">
</form>
</body>
</html>